<template>
  首页内容
  <!--v-once的指令演示-->
  <Vonces></Vonces> 
  
  
  
  <!--文本插值表达式-->
    <!-- <wbcz></wbcz>
  <hr>
  <p>对count数据++ {{ count }}</p>
  <button @click="count++">点击</button> -->

    <!--把引用后的vue页面当成dom使用-->
    <!-- <xuanxs></xuanxs>
  <hr>
  <Zh></Zh> -->
</template>
<script setup>
//引用子组件
import Vonces from './components/Vonces.vue';
import wbcz from './components/文本插值表达式.vue';
import xuanxs from './components/xuanxs.vue';
import Zh from './components/Zh.vue';
import { ref } from 'vue';
//没有做默认响应式操作 不会页面自动赋值
// 解决方式 采用ref 或者 reactive 来进行响应式操作
let count = ref(0);
</script>
<style scoped>

</style>
